<head>
<meta name='layout' content='min' />
<title>登录</title>
<SCRIPT LANGUAGE=JAVASCRIPT> 
if (top.location != self.location) {
    top.location = self.location;
//    alert(top.location +"||"+ self.location);
}

</SCRIPT>  
<style>
a:link, a:visited, a:hover {
color: #000;
}
 
.faux{ 
    padding-top: 30px;
    width: 600px;
    margin:0 auto;      /* 居中 这个是必须的，，其它的属性非必须 */  
    text-align:center;  /* 文字等内容居中 */  
}
#showcase{
    width: 300px;
    padding: 0;
    margin: 0;
}
#login{
    width: 330px;
    padding: 0;
    margin: 0;
  
}

</style>
<style type="text/css">
.clearfix:after {
    content: "."; 
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
</style>

<!--[if IE]>
<style type="text/css">
.clearfix {
    zoom: 1;
}
</style>
<![endif]-->
</head>
<body>
<div class="wrapper">  
<g:if test='${flash.message}'>
  <div class='message'>${flash.message}</div>
</g:if>
  <span class="faux clearfix">
    <div id="showcase">showcase</div>
    <div id='login' class="panel">
       <div  class="panelTop">
      <h1>登录您的QQ邮箱</h1></div>
      <div class='panelBody'>
       
        <form action='authBefore' method='POST' id='loginForm' class='cssform'>

          <table>
            <tr class='prop'>
              <td class='name'>
                <label for='schoolid'>选择学校</label>
              </td>
              <td class='value'>
                <g:select name="schoolid" style="select" from="${School.list()}" optionKey="id"/>
              </td>
            </tr>
            <tr class='prop'>
              <td class='name'>
                <label for='j_username'>用户名</label>
              </td>
              <td class='value'>
                <input type='text' class='text_' name='j_username' size="20" id='j_username' value='${remoteUser}'/>
              </td>
            </tr>
            <tr class='prop'>
              <td class='name'>
                <label for='j_password'>密码</label>
              </td>
              <td class='value'>
                <input type='password' class='text_' name='j_password' size="20" id='j_password'/>
              </td>
            </tr>

            <tr class='prop'>
              <td class='name'>
                <label for='code' class="">验证码</label></td>
              <td class='value'>
                <input type="text" name="captcha" size="9" id="captcha"/>
                <input type="hidden" name="postUrl" value="${postUrl}"/>
                <img src="${createLink(controller: 'captcha', action: 'index')}" align="absmiddle" style="margin-left:5px;"/>
              </td>
              <td><div id="captchaTip" style="width:160px"></div></td>
            </tr>
 
            <tr>
              <td></td>
              <td colspan="2" style="padding-top:10px;">
                <input style="width:150px;" type='submit' value='&nbsp;&nbsp;登　录&nbsp;&nbsp;' id="loginsubmit" name="loginsubmit"/>
              </td>
            </tr>
          </table>

        </form>
      </div>
    </div>
  </span>

</div>
</body> 